.sidebar1 {
    height: 41.25rem;
    background-image: url('../image/image-bannner.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
}
.sidebar2 {
    height: 41.25rem;
    background-image: url('../image/image-banner2.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
}
body{
    min-width: 1200px;
}
*{
    margin: 0;
    padding: 0;
}

.list {
    height: 17.5rem !important;
}

.list ul {
    height: 100%;
    width: 100%;
    padding: 0;
}

.list li {
    padding-top: 3rem;
    width: 20%;
    height: 100%;
    color: #7F7F7F;
}

.listSpan {
    font-size: 1.25rem;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(127, 127, 127, 1);
    bottom: 2rem;
    left: 0rem;
    position: relative;
}

.listtext {
    padding-left: 1rem;
    margin-top: 0.5rem;
    width: 11.31rem;
    font-size: 1rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(127, 127, 127, 1);
    line-height: 1.81rem;
}



.titleText {
    font-size: 1.88rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(50, 51, 51, 1);
}

.summary {
    margin: 3rem auto 0rem auto;
    font-size: 1rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(50, 51, 51, 1);
    line-height: 1.81rem;
    text-align: left;
    width: 56rem;
}

.content button {
    cursor: pointer;
    border: 0;
    outline: none;
    width: 18.75rem;
    height: 4.25rem;
    background: linear-gradient(0deg, #1999f6, #5abaff);
    background-color: #1999f6;
    border-radius: 1rem;
    font-size: 1.25rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
}
.content button:hover{
    width: 18.75rem;
    height: 4.25rem;
    background:linear-gradient(0deg,rgba(8,135,227,1),rgba(54,170,255,1));
    box-shadow:0px 5px 10px 0px rgba(10, 136, 228, 0.35);
    border-radius:1rem;
    cursor: pointer;
    border: 0;
    outline: none;
    border-radius: 1rem;
    font-size: 1.25rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
}

.scenarioUl {
    margin: 0px;
    padding: 0px;
}


.scenarioUl .scenarioTitle {
    margin-top: 3rem;
    font-size: 1.25rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(50, 51, 51, 1);
    margin-bottom: 1rem;
}

.scenarioUl .scenarioText {
    line-height: 1.81rem;
    width: 13.06rem;
    font-size: 1rem;
    font-family: MicrosoftYaHeiLight;
    font-weight: 300;
    color: rgba(50, 51, 51, 1);
    text-align: center;
    margin: 0 auto;
}


.textLocation {
    position: absolute;
    bottom: 6rem;
    right: 0px;

}

.listImg {
    /* width: 6rem;
    height: 6rem; */
}
.slideBox .bd ul li{
  height: 41.25rem;
}
/* 本例子css */
.slideBox{ width: 100%; height: 41.25rem; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; position: relative; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:450px; height: 41.25rem; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.wrapper{
  width: 1200px;
  height: 100%;
  position: relative;
  margin: 0 auto;
}

.banner {
    height: 33.75rem;
    background-image: url('../image/index_banner.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
  }

  .banner h1{
    font-size: 2.5rem;
    margin-block-start: 0.31rem;
    margin-block-end: 0.31rem;
    }

   .banner p{
        color: #fff;
        font-size: 1rem;
        margin-block-start: 1rem;
        margin-block-end: 2.51rem;
        }

        .banner a{
            margin-top: 2.5rem;
            width: 8.88rem;        
            height: 2.5rem; 
            background: #4CA6FF;    
            color: #FFFFFF;
            box-shadow: 0rem 0.2rem 0.2rem rgba(76, 166, 255, 0.5);    
            border-radius: 2rem;
            font-size: 0.88rem;
            padding: 0.63rem 2.69rem;
          }
   .zixun{
    height: 40rem;
    background-image: url('../image/index_plate_5_bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
   }
   .fuli{
    height: 10.75rem;
    background-image: url('../image/index_plate_3_bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
   }
   .chanpin{
    height: 62.56rem;
    background-image: url('../image/index_plate_2_bg.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff;
   }
   .fuwu{
    height: 62.5rem;
    background-image: url('../image/icon-background.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    color: #fff; 
   }
   *{
	margin: 0;
	padding: 0;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
	color: #666;
}

body{
	font-size: 12px;
	background-color: #f0f3ef;
}
/*京东右侧固定图标菜单栏*/
.toolbars{
	position: fixed;
	top: -9rem;
	right: 0;
	height: 100%;
	width: 6px;
}
.toolbars ul{
  	position:absolute;
  	top: 50%;
  	right: 0;
  	transform: translate(0,-40%);
  	z-index: 3;
}
.toolbars ul li{
	width: 3.75rem;
	height: 3.75rem;
	margin-bottom: 10px;
	background-color: #FFFFFF;
    position: relative;   
}

.toolbars ul .jdvip #white{
    display: none;
}
.toolbars ul .jdvip:hover #white{
    display: block;
}
.toolbars ul .jdvip:hover #black{
    display: none;
}
.toolbars ul .cart #white{
    display: none;
}
.toolbars ul .cart:hover #white{
    display: block;
}
.toolbars ul .cart:hover #black{
    display: none;
}
.toolbars .toolbars-footer #white{
    display: none;
}
.toolbars .toolbars-footer:hover #white{
    display: block;
}
.toolbars .toolbars-footer:hover #black{
    display: none;
}


.toolbars-footer{
	right: 0;
	background-color: #FFFFFF;
	width: 3.75rem;
	height: 3.75rem;
	z-index: 3;
}
.toolbars-footer .toolbars-ico{
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	background: url(../img/toolbars.png)no-repeat -50px -250px;
}
	/*鼠标悬浮后伸出的部分*/
.toolbars .flex{
	position: absolute;
	top: 0;
	right: 3.75rem;
	width: 0;
	overflow: hidden;
	height: 3.75rem;
	line-height: 3.75rem;
	background-color: #4CA6FF;
	text-align: center;	
	color: #fff;
	z-index: -1;
	transition: width .3s;
}
	/*鼠标悬浮后的效果*/
.toolbars ul li:hover{
    background-color: #4CA6FF;
    color: #FFFFFF;
}
.toolbars ul li:hover .flex{
	width: 62px;
	background-color: #4CA6FF;
}
.toolbars ul li:hover i{
	display: none;
}
.toolbars-footer:hover{
	background-color: #4CA6FF;
}
.toolbars-footer:hover .flex{
	width: 62px;
	background-color: #4CA6FF;
}

